<!DOCTYPE html>
<html lang="en" class="app">
<head>
    <meta charset="utf-8"/>
    <title>匠心独创</title>
    <meta name="description"
          content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" href="../../assets/css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="../../css/animate.css" type="text/css"/>
    <link rel="stylesheet" href="../../css/font-awesome.min.css" type="text/css"/>
    <link rel="stylesheet" href="../../css/simple-line-icons.css" type="text/css"/>
    <link rel="stylesheet" href="../../css/font.css" type="text/css"/>
    <link rel="stylesheet" href="../../css/app.css" type="text/css"/>
    <link rel="stylesheet" href="../../css/project-index-settings.css" type="text/css"/>
    <!--[if lt IE 9]>
    <script src="js/ie/html5shiv.js"></script>
    <script src="js/ie/respond.min.js"></script>
    <script src="js/ie/excanvas.js"></script>
    <![endif]-->
</head>
<body class="">
<section class="vbox">
    <header class="bg-white-only header header-md navbar navbar-fixed-top-xs">
        <div class="navbar-header aside bg-info dk">
            <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html">
                <i class="icon-list"></i>
            </a>
            <a href="index.html" class="navbar-brand text-lt">
                <i class="icon-earphones"></i>
                <img src="images/logo.png" alt="." class="hide">
                <span class="hidden-nav-xs m-l-sm">Musik</span>
            </a>
            <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">
                <i class="icon-settings"></i>
            </a>
        </div>
        <ul class="nav navbar-nav hidden-xs">
            <li>
                <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">
                    <i class="fa fa-indent text"></i>
                    <i class="fa fa-dedent text-active"></i>
                </a>
            </li>
        </ul>
        <form class="navbar-form navbar-left input-s-lg m-t m-l-n-xs hidden-xs" role="search">
            <div class="form-group">
                <div class="input-group">
            <span class="input-group-btn">
              <button type="submit" class="btn btn-sm bg-white btn-icon rounded"><i class="fa fa-search"></i></button>
            </span>
                    <input type="text" class="form-control input-sm no-border rounded"
                           placeholder="搜索项目">
                </div>
            </div>
        </form>
        <div class="navbar-right ">
            <ul class="nav navbar-nav m-n hidden-xs nav-user user">
                <li class="dropdown">
                    <a href="project-index.html" class="dropdown-toggle bg clear"  >
                        发布项目
                        <span class=" fa fa-plus-square">
              </span>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown">
              <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                <img src="../../images/a0.png" alt="...">
              </span>
                       郑浩<b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight">
                        <li>
                            <span class="arrow top"></span>
                            <a href="personal_set.html">设置</a>
                        </li>
                        <li>
                            <a href="docs.html">帮助</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="signin.html" >退出</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </header>
    <section>
        <section class="hbox stretch">
            <!-- .aside -->
            <aside class="bg-black dk aside hidden-print" id="nav">
                <section class="vbox">
                    <section class="w-f-md scrollable">
                        <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">



                            <!-- nav -->
                            <nav class="nav-primary hidden-xs">

                                <ul class="nav bg clearfix">
                                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                                        类别
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-disc icon text-success"></i>
                                            <span class="font-bold">教育</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-music-tone-alt icon text-info"></i>
                                            <span class="font-bold">科技</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-drawer icon text-primary-lter"></i>
                                            <span class="font-bold">艺术</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-list icon  text-info-dker"></i>
                                            <span class="font-bold">生活</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html" >
                                            <i class="icon-social-youtube icon  text-primary"></i>
                                            <span class="font-bold">娱乐</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html" >
                                            <i class="icon-social-youtube icon  text-primary"></i>
                                            <span class="font-bold">废物利用</span>
                                        </a>
                                    </li>
                                    <li class="m-b hidden-nav-xs"></li>
                                </ul>
                                <ul class="nav" data-ride="collapse">
                                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                                        参与
                                    </li>
                                    <li >
                                        <a href="project-index.html" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                                            <i class="icon-screen-desktop icon">
                                            </i>
                                            <span>发布项目</span>
                                        </a>
                                    </li>
                                    <li >
                                        <a href="personal_profile.html" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                                            <i class="icon-screen-desktop icon">
                                            </i>
                                            <span>个人中心</span>
                                        </a>
                                    </li>
                                </ul>


                            </nav>
                            <!-- / nav -->
                        </div>
                    </section>

                    <footer class="footer hidden-xs no-padder text-center-nav-xs"></footer>
                </section>
            </aside>
            <!-- /.aside -->
            <section id="content">
                <section class="vbox">
                    <header class="header bg-light dk">
                        <p></p>
                    </header>
                    <section class="scrollable wrapper">
                        <div class="row">
                            <div class="content-padding">
                                <div class="col-md-6">
                                    <div class="project-title media ">
                                        <span class="pull-left thumb-sm"><img src="..../../assets/images/a1.png" alt="..." class="img-circle"></span>
                                        <div class="media-body">
                                            <div><a href="#">Chris Fox</a></div>
                                            <small class="text-muted">about 2 minutes ago</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <p class="right-small-btns">
                                        <a class="btn btn-default" data-toggle="tooltip" data-placement="top"
                                           title="赞一下">
                                            <i class="fa fa-heart-o text"></i>
                                            <i class="fa fa-heart text-active text-danger"></i>
                                        </a>
                                        <a class="btn btn-default" data-toggle="tooltip" data-placement="top"
                                           title="关注">
                                            <i class="fa fa-thumbs-o-up text"></i>
                                            <i class="fa fa-thumbs-up text-active text-danger"></i>
                                        </a>
                                        <a class="btn btn-default" data-toggle="tooltip" data-placement="top"
                                           title="举报">
                                            <i class="fa fa-bell-o text"></i>
                                            <i class="fa fa-bell text-active text-danger"></i>
                                        </a>

                                    </p></div>
                                <!-- .nav-justified -->
                                <section class="panel panel-default">
                                    <header class="panel-heading bg-light">
                                        <ul class="nav nav-tabs nav-justified">
                                            <li class="active"><a href="#"><i
                                                    class="icon-home m-r-md"></i>项目主页</a></li>
                                            <li><a href="project-settings.html"><i
                                                    class="icon-settings m-r-md"></i>项目设置</a></li>
                                        </ul>
                                    </header>
                                    <div class="panel-body">
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="home">
                                                <!-- .accordion -->
                                                <div class="panel-group m-b" id="accordion2">
                                                    <div class="panel panel-default">
                                                        <div class="panel-heading step-height">
                                                            <div class="col-lg-12 text-indent">
                                                                项目描述信息，项目描述信息，项目描述信息，
                                                                项目描述信息，项目描述信息，项目描述信息，
                                                                项目描述信息，项目描述信息，项目描述信息，
                                                                项目描述信息，项目描述信息，项目描述信息

                                                            </div>
                                                        </div>
                                                        <div id="collapseOne" class="panel-collapse collapse">
                                                            <div class="panel-body text-sm">
                                                                Anim pariatur cliche reprehenderit, enim eiusmod high
                                                                life accusamus terry richardson ad squid. 3 wolf moon
                                                                officia aute, non cupidatat skateboard dolor brunch.
                                                                Food truck quinoa nesciunt laborum eiusmod. Brunch 3
                                                                wolf moon tempor, sunt aliqua put a bird on it squid
                                                                single-origin coffee nulla assumenda shoreditch et.
                                                                Nihil anim keffiyeh helvetica, craft beer labore wes
                                                                anderson cred nesciunt sapiente ea proident. Ad vegan
                                                                excepteur butcher vice lomo. Leggings occaecat craft
                                                                beer farm-to-table, raw denim aesthetic synth nesciunt
                                                                you probably haven't heard of them accusamus labore
                                                                sustainable VHS.
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="panel panel-default">
                                                        <div class="panel-heading step-height">
                                                            <div class="col-lg-4">
                                                                <a class="text-sm text-muted" data-toggle="tooltip"
                                                                   data-placement="right" title="2017-3-29 7:30:23">
                                                                    2017-3-29
                                                                </a>
                                                            </div>
                                                            <div class="col-lg-4 text-center">
                                                                <a class="accordion-toggle text-center"
                                                                   data-toggle="collapse"
                                                                   data-parent="#accordion2" href="#collapseOne">
                                                                    准备素材
                                                                </a>
                                                            </div>
                                                            <div class="col-lg-4">
                                                                <span class="pull-right">
                                                                 <a href="project-step.html"><i class="fa fa-pencil fa-fw m-r-xs"></i></a>
                                                                  <a href="#"><i class="fa fa-times fa-fw"></i></a>
                                                                  </span>

                                                            </div>
                                                        </div>
                                                        <div id="collapseOne" class="panel-collapse collapse">
                                                            <div class="panel-body text-sm">
                                                                Anim pariatur cliche reprehenderit, enim eiusmod high
                                                                life accusamus terry richardson ad squid. 3 wolf moon
                                                                officia aute, non cupidatat skateboard dolor brunch.
                                                                Food truck quinoa nesciunt laborum eiusmod. Brunch 3
                                                                wolf moon tempor, sunt aliqua put a bird on it squid
                                                                single-origin coffee nulla assumenda shoreditch et.
                                                                Nihil anim keffiyeh helvetica, craft beer labore wes
                                                                anderson cred nesciunt sapiente ea proident. Ad vegan
                                                                excepteur butcher vice lomo. Leggings occaecat craft
                                                                beer farm-to-table, raw denim aesthetic synth nesciunt
                                                                you probably haven't heard of them accusamus labore
                                                                sustainable VHS.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="panel panel-default">
                                                        <div class="panel-heading step-height">
                                                            <div class="col-lg-4">
                                                                <a class="text-sm text-muted" data-toggle="tooltip"
                                                                   data-placement="right" title="2017-3-29 7:30:23">
                                                                    2017-3-29
                                                                </a>
                                                            </div>
                                                            <div class="col-lg-4 text-center"><a
                                                                    class="accordion-toggle" data-toggle="collapse"
                                                                    data-parent="#accordion2" href="#collapseTwo">
                                                                第一步:需要折一下
                                                            </a></div>
                                                            <div class="col-lg-4">
                                                                <span class="pull-right">
                                                                 <a href="project-step.html"><i class="fa fa-pencil fa-fw m-r-xs"></i></a>
                                                                  <a href="#"><i class="fa fa-times fa-fw"></i></a>
                                                                  </span>

                                                            </div>
                                                        </div>
                                                        <div id="collapseTwo" class="panel-collapse collapse">
                                                            <div class="panel-body text-sm">
                                                                Anim pariatur cliche reprehenderit, enim eiusmod high
                                                                life accusamus terry richardson ad squid. 3 wolf moon
                                                                officia aute, non cupidatat skateboard dolor brunch.
                                                                Food truck quinoa nesciunt laborum eiusmod. Brunch 3
                                                                wolf moon tempor, sunt aliqua put a bird on it squid
                                                                single-origin coffee nulla assumenda shoreditch et.
                                                                Nihil anim keffiyeh helvetica, craft beer labore wes
                                                                anderson cred nesciunt sapiente ea proident. Ad vegan
                                                                excepteur butcher vice lomo. Leggings occaecat craft
                                                                beer farm-to-table, raw denim aesthetic synth nesciunt
                                                                you probably haven't heard of them accusamus labore
                                                                sustainable VHS.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="panel panel-default">
                                                        <div class="panel-heading step-height">
                                                            <div class="col-lg-4">
                                                                <a class="text-sm text-muted" data-toggle="tooltip"
                                                                   data-placement="right" title="2017-3-29 7:30:23">
                                                                    2017-3-29
                                                                </a>
                                                            </div>
                                                            <div class="col-lg-4 text-center"><a
                                                                    class="accordion-toggle" data-toggle="collapse"
                                                                    data-parent="#accordion2" href="#collapseThree">
                                                                第二步:需要再折一下
                                                            </a></div>
                                                            <div class="col-lg-4">
                                                                <span class="pull-right">
                                                                 <a href="project-step.html"><i class="fa fa-pencil fa-fw m-r-xs"></i></a>
                                                                  <a href="#"><i class="fa fa-times fa-fw"></i></a>
                                                                  </span>
                                                            </div>
                                                        </div>
                                                        <div id="collapseThree" class="panel-collapse collapse">
                                                            <div class="panel-body text-sm">
                                                                Anim pariatur cliche reprehenderit, enim eiusmod high
                                                                life accusamus terry richardson ad squid. 3 wolf moon
                                                                officia aute, non cupidatat skateboard dolor brunch.
                                                                Food truck quinoa nesciunt laborum eiusmod. Brunch 3
                                                                wolf moon tempor, sunt aliqua put a bird on it squid
                                                                single-origin coffee nulla assumenda shoreditch et.
                                                                Nihil anim keffiyeh helvetica, craft beer labore wes
                                                                anderson cred nesciunt sapiente ea proident. Ad vegan
                                                                excepteur butcher vice lomo. Leggings occaecat craft
                                                                beer farm-to-table, raw denim aesthetic synth nesciunt
                                                                you probably haven't heard of them accusamus labore
                                                                sustainable VHS.
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="panel panel-default">
                                                        <div class="panel-heading step-height">
                                                            <div class="col-lg-4"></div>
                                                            <div class="col-lg-4 text-center">
                                                                <a href="project-step.html">
                                                                <i class="fa fa-plus m-r-sm"></i>
                                                                添加一步
                                                            </a></div>
                                                            <div class="col-lg-4">

                                                            </div>
                                                        </div>
                                                     </div>
                                                </div>
                                                <!-- / .accordion -->
                                                <!--pic show-->
                                                <div class="row">
                                                    <div class="col-sm-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="../../../../assets/images/m1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="col-sm-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="../../../../assets/images/m1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="col-sm-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="../../../../assets/images/m1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="col-sm-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="../../assets/images/m1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">添加展示图片</label>
                                                        <div class="col-sm-10">
                                                            <div class="dropfile visible-lg">
                                                                <small>拖放文件到此处</small>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--pic show end-->
                                                <div class="share">
                                                    <!-- Place this tag in your head or just before your close body tag. -->
                                                    <script src="https://apis.google.com/js/platform.js" async
                                                            defer></script>

                                                    <!-- Place this tag where you want the share button to render. -->
                                                    <div class="g-plus" data-action="share"></div>
                                                    <!--baidu share-->

                                                    <div class="bdsharebuttonbox"><a href="#" class="bds_more"
                                                                                     data-cmd="more">分享到：</a><a href="#"
                                                                                                                class="bds_qzone"
                                                                                                                data-cmd="qzone"
                                                                                                                title="分享到QQ空间">QQ空间</a><a
                                                            href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a><a
                                                            href="#" class="bds_tqq" data-cmd="tqq"
                                                            title="分享到腾讯微博">腾讯微博</a><a href="#" class="bds_renren"
                                                                                       data-cmd="renren" title="分享到人人网">人人网</a><a
                                                            href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a>
                                                    </div>
                                                    <script>window._bd_share_config = {
                                                        "common": {
                                                            "bdSnsKey": {},
                                                            "bdText": "",
                                                            "bdMini": "1",
                                                            "bdMiniList": false,
                                                            "bdPic": "",
                                                            "bdStyle": "1",
                                                            "bdSize": "16"
                                                        },
                                                        "share": {"bdSize": 16},
                                                        "image": {
                                                            "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"],
                                                            "viewText": "分享到：",
                                                            "viewSize": "16"
                                                        },
                                                        "selectShare": {
                                                            "bdContainerClass": null,
                                                            "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]
                                                        }
                                                    };
                                                    with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
                                                </div>
                                                <div class="panel panel-default instructions-panel">
                                                    <div class="panel-heading text-center">
                                                        <h3 class="panel-title instructions-title font-bold">
                                                            项目说明书
                                                        </h3>
                                                    </div>
                                                    <div class="panel-body">
                                                        <h4> 注意事项:</h4>
                                                        <p>小心切纸不要切到手</p>
                                                        <h4>交流群:</h4>
                                                        <p>QQ:23232323</p>
                                                        <h4>捐赠:</h4>
                                                        <p>asdf<br/>
                                                            <br/><br/><br/>
                                                            <br/><br/><br/>
                                                            <br/><br/><br/>
                                                            <br/><br/><br/>
                                                            <br/><br/><br/>
                                                            <br/><br/><br/>
                                                            <br/><br/><br/>
                                                            <br/><br/><br/>
                                                            生生世世
                                                        </p>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                <!-- / .nav-justified -->

                            </div>
                        </div>
                    </section>
                </section>
                <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open"
                   data-target="#nav,html"></a>
            </section>
        </section>
    </section>
</section>
<script src="js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.js"></script>
<!-- App -->
<script src="js/app.js"></script>
<script src="js/slimscroll/jquery.slimscroll.min.js"></script>
<script src="js/app.plugin.js"></script>
<!-- file input -->
<script src="js/file-input/bootstrap-filestyle.min.js"></script>
</body>
</html>
